﻿/*
Theme Name: Công ty Á ÂU
Theme URI: http://trongan.tk
Description: Công ty Á ÂU
Author: Nguyễn Trọng Ân
Version: 1.0
*/
body{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	background-image:url('images/bg.jpg');
	outline:none;margin:0;padding:0;
}
body,html,div,blockquote,img,label,p,h1,h2,h3,h4,h5,h6,pre,ul,ol,li,dl,dt,dd,form,a,fieldset,input,th,td{outline:none;margin:0;padding:0;}
a{
	color:#8A0000;
	text-decoration:none;
	}
.wraper{
	width:1000px;
	height:auto;
	margin:0 auto;
}
#globe{
	width:347px;
	height:282px;
	background-image:url('images/spinningGlobe.gif');
	position:absolute;
	top:160px;
	left:130px;
}
#menu{
	height:600px;
	width:600px;
	margin:0 auto;
	position:relative;
}
#menu ul{
	list-style:none;
}
#img1{
	height:50px;
	width:50px;
	display:none;
	  background:  #f1582b url("images/briefcase-1.png") no-repeat center;
}
#img2{
	height:50px;
	width:50px;
	display:none;
	background: #558bf3 url("images/24.7-1.png") no-repeat center;
}
#img3{
	height:50px;
	width:50px;
	display:none;
	background:  #fe8518 url("images/business-man-1.png") no-repeat center;
}
#img4{
	height:50px;
	width:50px;
	display:none;
	background: #3ed45f url("images/engineering-1.png") no-repeat center;
}
#img5{
	height:50px;
	width:50px;
	display:none;
	 background:  #40a4a1 url("images/globe-1.png") no-repeat center;
}
#img6{
	height:50px;
	width:50px;
	display:none;
	background:  #c62ab8 url("images/voicemail-1.png") no-repeat center;
}
.circle1{
	width: 100px;
    height: 100px;
    -webkit-border-radius: 125px;
    -moz-border-radius: 125px;
    border-radius: 125px;
	background: #ffb8ad;
	position:absolute;
	top:155px;
	left:50px;
    background: #f1582b url("images/briefcase.png") no-repeat center;
}
.circle2{
	width: 100px;
    height: 100px;
    -webkit-border-radius: 125px;
    -moz-border-radius: 125px;
    border-radius: 125px;
	background: #b7e2ff;
	position:absolute;
	top:155px;
	left:455px;
    background: #558bf3 url("images/24.7.png") no-repeat center;
}
.circle3{
	width: 100px;
    height: 100px;
    -webkit-border-radius: 125px;
    -moz-border-radius: 125px;
    border-radius: 125px;
	background: #feffcf;
	position:absolute;
	top:355px;
	left:455px;
    background: #fe8518 url("images/business-man.png") no-repeat center; ;
}	
.circle4{
	width: 100px;
    height: 100px;
    -webkit-border-radius: 125px;
    -moz-border-radius: 125px;
    border-radius: 125px;
	background: #d1fcd6;
	position:absolute;
	top:28px;
	left:250px;
    background: #3ed45f url("images/engineering.png") no-repeat center;
}


.circle5{
	width: 100px;
    height: 100px;
    -webkit-border-radius: 125px;
    -moz-border-radius: 125px;
    border-radius: 125px;
	background: #d9fff7;
	position:absolute;
	top:470px;
	left:255px;
    background: #40a4a1 url("images/globe.png") no-repeat center;
}
.circle6{
	width: 100px;
    height: 100px;
    -webkit-border-radius: 125px;
    -moz-border-radius: 125px;
    border-radius: 125px;
	background:#fff;
	position:absolute;
	top:355px;
	left:50px;
    background: #c62ab8 url("images/voicemail.png") no-repeat center;
}
.circle1:hover{
    background:  #f1582b url("images/briefcase-1.png") no-repeat center;
}
.circle2:hover{
    background: #558bf3 url("images/24.7-1.png") no-repeat center;
}
.circle3:hover{
    background:  #fe8518 url("images/business-man-1.png") no-repeat center;
}
.circle4:hover{
    background: #3ed45f url("images/engineering-1.png") no-repeat center;
}
.circle5:hover{
    background:  #40a4a1 url("images/globe-1.png") no-repeat center;
}
.circle6:hover{
    background:  #c62ab8 url("images/voicemail-1.png") no-repeat center;
}

.category-name-1{
    text-align: center;
    margin-top: 110px;
    color: #fff;
}
.category-name-2{
    text-align: center;
    margin-top: 110px;
    color: #fff;
}
.category-name-3{
    text-align: center;
    margin-top: 110px;
    color: #fff;
}.category-name-4{
     text-align: center;
     margin-top: 110px;
     color: #fff;
 }
.category-name-5{
    text-align: center;
      margin-top: 110px;
    color: #fff;
}
.category-name-6{
    text-align: center;
     margin-top: 110px;
    color: #fff;
}

.header{
	height:125px;
	color:#fff;
    width: 1000px;
	background-color:rgba(0,0,0,0.5);
	margin:0 auto;
	
	margin-top:-15px;
}

#logo{
	height:97px;
	width:105px;
	background:url("images/logo-hp.png") no-repeat center center;
	border-radius:5px;
	text-align:center;
	margin:0 auto;
	margin-top:10px;
	float:left;
	margin-left:10px;
	margin-bottom:17px;
}
#slogan{
	height:120px;
	width:460px;
	margin-left:15px;
	padding-left:20px;
    float: left;

}
#slogan h1{
	font-family:"Segoe UI Light",Arial, Helvetica, sans-serif;
	padding-top:25px;
    font-size: 28px;
}
#slogan h2{
font-family:"Segoe UI Light",Arial, Helvetica, sans-serif;
	margin-left:80px;
	margin-top:-10px;
	font-size:20px;
	font-weight:normal;
}
#search{
    height: 32px;
    width: 270px;
    float: left;
    background: #fff;
    margin-top: 5px;
    padding-top:0px;
    border: 1px solid #999;
    margin-left:100px;
    margin-top: 40px;

}
#search input[type="text"]{
    height: 30px;
    font-size: 14px;
    border: 0px none;
    padding-left: 10px;
    width: 209px;
    background-color:rgba(0,0,0,0.02);

}
.button_search{
    background: #2a2a2a url("images/search.png") no-repeat center;
    border: 0px none;
    height: 32px;
    width:50px;
    margin-left:-5px;
    float: right;
}
.button_search:hover{
    color:#fff;
    -moz-box-shadow:    inset 0 0 11px #000;
    -webkit-box-shadow: inset 0 0 11px #000;
    box-shadow:         inset 0 0 11px #000;
    cursor: pointer;
}
.footer{
	background:#000;
	color:#FFF;
	}
.sidebar{
	width:200px;
	height:500px;
	float:left;
	background:#EEE;
	}	
.mainContent{
	margin-left:200px;
	padding:0 10px;
}